<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:t="http://myfaces.apache.org/tomahawk">

	<ui:composition template="/template/pVistaCliente.xhtml">
		<ui:define name="bodyareaCliente">
			<f:event type="preRenderView" listener="#{contactoClienteController.onPageLoad}"/>
			<p:tabMenu activeIndex="5">
				<p:menuitem value="Flujo Importaciones" ajax="true"
					url="/pages/cliente/importaciones.xhtml"
					icon="ui-icon-circle-check" />
				<p:menuitem value="Flujo Exportaciones" ajax="true"
					url="/pages/cliente/exportaciones.xhtml"
					icon="ui-icon-circle-check" />
				<p:menuitem value="Cuentas del Cliente" ajax="true"
					url="/pages/cliente/cuentaCliente.xhtml"
					icon="ui-icon-circle-check" />
				<p:menuitem value="Relación con Países" ajax="true"
					url="/pages/cliente/relacionPaises.xhtml"
					icon="ui-icon-circle-check" />
				<p:menuitem value="Relación con Bancos" ajax="true"
					url="/pages/cliente/relacionBancos.xhtml"
					icon="ui-icon-circle-check" />
				<p:menuitem value="Contactos de cliente" ajax="true"
					url="/pages/cliente/contactoCliente.xhtml"
					icon="ui-icon-circle-check" />
			</p:tabMenu>

			<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
				cellpadding="5" styleClass="bordePanel"
				style="width:100%;margin-left: 0px;margin-top: 3px;margin-bottom:5px "
				columns="1">

				<f:facet name="header">
					<table cellpadding="0" cellspacing="0" width="100%" border="0" >
						<tr>
							<td>
								<h:outputText value="Resumen de Contactos" style="align:right;" />
							</td>
							<td align="right" >
							    <p:commandLink id="btnDowloadXLS" actionListener="#{contactoClienteController.exportDocument('XLS')}" ajax="false" style="margin-right:20px;" title="Descargar XLS">  
									<p:graphicImage value="/imagenes/iconos/excel.gif" style="border:0;" ></p:graphicImage>
								</p:commandLink> 
								<p:commandLink id="btnDowloadPDF" actionListener="#{contactoClienteController.exportDocument('PDF')}" ajax="false" style="margin-right:20px;" title="Descargar PDF">  
									<p:graphicImage value="/imagenes/iconos/pdf.png" style="border:0;" ></p:graphicImage>
								</p:commandLink>
							</td>
						</tr>
					</table>
				</f:facet>

				<h:panelGrid columns="2" style="margin-top: -15px;">
					<p:spacer width="20" height="15" ></p:spacer>
					<p:spacer width="1000" height="15" ></p:spacer>
					<p:spacer width="20" height="15" ></p:spacer>
					<p:dataTable var="fila" value="#{contactoClienteController.listOCVContactoCliente}"
						style="width:98%;" paginator="true" rows="10" rowIndexVar="rowIndex"
						emptyMessage="#{msgs.EMPTY_TABLE_CONTACTOSCLIENTE_OCV}">
						<p:columnGroup type="header">
							<p:row>
								<p:column rowspan="2" headerText="Contacto" />
								<p:column rowspan="2" headerText="Email" />
								<p:column colspan="3" headerText="Importacion" />
								<p:column colspan="3" headerText="Exportacion" />
								<p:column rowspan="2" headerText="Total" />
							</p:row>
							<p:row>
								<p:column headerText="Carta de Crédito" />
								<p:column headerText="Cobranza" />
								<p:column headerText="Financiamiento" />
								<p:column headerText="Carta de Crédito" />
								<p:column headerText="Cobranza" />
								<p:column headerText="Financiamiento" />
							</p:row>
						</p:columnGroup>
						<p:column styleClass="columnTextoAzul">#{fila.nombre}</p:column>
						<p:column styleClass="columnCenter">#{fila.correo}</p:column>
						<p:column styleClass="columnCenter">
							<p:commandLink oncomplete="popModalDetalleContactoCliente.show();" 
									update=":frmModalContactoCliente:idPMContactoCliente,:frmModalContactoCliente:idDatosDetalleContactoCliente"
								actionListener="#{modalProductoController.cargarModalDetalleContactoCliente(fila.strIdContacto,'001',fila.nombre,fila.correo)}">
								<h:outputText value="#{fila.cdi}" styleClass="textoLink">
									<f:convertNumber pattern="#,##0" locale="US"/>
								</h:outputText>
							</p:commandLink>
						</p:column>
						<p:column styleClass="columnCenter">
							<p:commandLink oncomplete="popModalDetalleContactoCliente.show();" 
									update=":frmModalContactoCliente:idPMContactoCliente,:frmModalContactoCliente:idDatosDetalleContactoCliente"
								actionListener="#{modalProductoController.cargarModalDetalleContactoCliente(fila.strIdContacto,'003',fila.nombre,fila.correo)}">
								<h:outputText value="#{fila.coi}" styleClass="textoLink">
									<f:convertNumber pattern="#,##0" locale="US"/>
								</h:outputText>
							</p:commandLink>
						</p:column>
						<p:column styleClass="columnCenter">
							<p:commandLink oncomplete="popModalDetalleContactoCliente.show();" 
									update=":frmModalContactoCliente:idPMContactoCliente,:frmModalContactoCliente:idDatosDetalleContactoCliente"
								actionListener="#{modalProductoController.cargarModalDetalleContactoCliente(fila.strIdContacto,'005',fila.nombre,fila.correo)}">
								<h:outputText value="#{fila.fiaImpo}" styleClass="textoLink">
									<f:convertNumber pattern="#,##0" locale="US"/>
								</h:outputText>
							</p:commandLink>
						</p:column>
						<p:column styleClass="columnCenter">
							<p:commandLink oncomplete="popModalDetalleContactoCliente.show();" 
									update=":frmModalContactoCliente:idPMContactoCliente,:frmModalContactoCliente:idDatosDetalleContactoCliente"
								actionListener="#{modalProductoController.cargarModalDetalleContactoCliente(fila.strIdContacto,'002',fila.nombre,fila.correo)}">
								<h:outputText value="#{fila.cde}" styleClass="textoLink">
									<f:convertNumber pattern="#,##0" locale="US"/>
								</h:outputText>
							</p:commandLink>
						</p:column>
						<p:column styleClass="columnCenter">
							<p:commandLink oncomplete="popModalDetalleContactoCliente.show();" 
									update=":frmModalContactoCliente:idPMContactoCliente,:frmModalContactoCliente:idDatosDetalleContactoCliente"
								actionListener="#{modalProductoController.cargarModalDetalleContactoCliente(fila.strIdContacto,'004',fila.nombre,fila.correo)}">
								<h:outputText value="#{fila.coe}" styleClass="textoLink">
									<f:convertNumber pattern="#,##0" locale="US"/>
								</h:outputText>
							</p:commandLink>
						</p:column>
						<p:column styleClass="columnCenter">
							<p:commandLink oncomplete="popModalDetalleContactoCliente.show();" 
									update=":frmModalContactoCliente:idPMContactoCliente,:frmModalContactoCliente:idDatosDetalleContactoCliente"
								actionListener="#{modalProductoController.cargarModalDetalleContactoCliente(fila.strIdContacto,'006',fila.nombre,fila.correo)}">
								<h:outputText value="#{fila.fiaExpo}" styleClass="textoLink">
									<f:convertNumber pattern="#,##0" locale="US"/>
								</h:outputText>
							</p:commandLink>
						</p:column>
						<p:column styleClass="columnCenter">
							<p:commandLink oncomplete="popModalDetalleContactoCliente.show();" 
									update=":frmModalContactoCliente:idPMContactoCliente,:frmModalContactoCliente:idDatosDetalleContactoCliente"
								actionListener="#{modalProductoController.cargarModalDetalleContactoCliente(fila.strIdContacto,'',fila.nombre,fila.correo)}">
								<h:outputText value="#{fila.total}" styleClass="textoLink">
									<f:convertNumber pattern="#,##0" locale="US"/>
								</h:outputText>
							</p:commandLink>
						</p:column>
<!-- 						<p:columnGroup type="footer"> -->
<!-- 							<p:row> -->
<!-- 								<p:column colspan="2" footerText="Operaciones sin Vinculación" style="text-align:left" /> -->
<!-- 								<p:column styleClass="columnCenter"> -->
<!-- 									<f:facet name="footer"> -->
<!-- 										<p:commandLink action="#{modalProductoController.cargarrrrr}"> -->
<!-- 											<h:outputText value="#{contactoClienteController.footerOSV.cdi}" styleClass="textoLink"> -->
<!-- 												<f:convertNumber pattern="#,##0" locale="US"/> -->
<!-- 											</h:outputText> -->
<!-- 										</p:commandLink> -->
<!-- 									</f:facet> -->
<!-- 								</p:column> -->
<!-- 								<p:column styleClass="columnCenter"> -->
<!-- 									<f:facet name="footer"> -->
<!-- 										<p:commandLink oncomplete="popModalDetalleContactoCliente.show();"  -->
<!-- 												update=":frmModalContactoCliente:idPMContactoCliente,:frmModalContactoCliente:idDatosDetalleContactoCliente" -->
<!-- 											actionListener="#{modalProductoController.cargarModalDetalleContactoCliente('0','003','','')}"> -->
<!-- 											<h:outputText value="#{contactoClienteController.footerOSV.coi}" styleClass="textoLink"> -->
<!-- 												<f:convertNumber pattern="#,##0" locale="US"/> -->
<!-- 											</h:outputText> -->
<!-- 										</p:commandLink> -->
<!-- 									</f:facet> -->
<!-- 								</p:column> -->
<!-- 								<p:column styleClass="columnCenter"> -->
<!-- 									<f:facet name="footer"> -->
<!-- 										<p:commandLink oncomplete="popModalDetalleContactoCliente.show();"  -->
<!-- 												update=":frmModalContactoCliente:idPMContactoCliente,:frmModalContactoCliente:idDatosDetalleContactoCliente" -->
<!-- 											actionListener="#{modalProductoController.cargarModalDetalleContactoCliente('0','005','','')}"> -->
<!-- 											<h:outputText value="#{contactoClienteController.footerOSV.fiaImpo}" styleClass="textoLink"> -->
<!-- 												<f:convertNumber pattern="#,##0" locale="US"/> -->
<!-- 											</h:outputText> -->
<!-- 										</p:commandLink> -->
<!-- 									</f:facet> -->
<!-- 								</p:column> -->
<!-- 								<p:column styleClass="columnCenter"> -->
<!-- 									<f:facet name="footer"> -->
<!-- 										<p:commandLink oncomplete="popModalDetalleContactoCliente.show();"  -->
<!-- 												update=":frmModalContactoCliente:idPMContactoCliente,:frmModalContactoCliente:idDatosDetalleContactoCliente" -->
<!-- 											actionListener="#{modalProductoController.cargarModalDetalleContactoCliente('0','002','','')}"> -->
<!-- 											<h:outputText value="#{contactoClienteController.footerOSV.cde}" styleClass="textoLink"> -->
<!-- 												<f:convertNumber pattern="#,##0" locale="US"/> -->
<!-- 											</h:outputText> -->
<!-- 										</p:commandLink> -->
<!-- 									</f:facet> -->
<!-- 								</p:column> -->
<!-- 								<p:column styleClass="columnCenter"> -->
<!-- 									<f:facet name="footer"> -->
<!-- 										<p:commandLink oncomplete="popModalDetalleContactoCliente.show();"  -->
<!-- 												update=":frmModalContactoCliente:idPMContactoCliente,:frmModalContactoCliente:idDatosDetalleContactoCliente" -->
<!-- 											actionListener="#{modalProductoController.cargarModalDetalleContactoCliente('0','004','','')}"> -->
<!-- 											<h:outputText value="#{contactoClienteController.footerOSV.coe}" styleClass="textoLink"> -->
<!-- 												<f:convertNumber pattern="#,##0" locale="US"/> -->
<!-- 											</h:outputText> -->
<!-- 										</p:commandLink> -->
<!-- 									</f:facet> -->
<!-- 								</p:column> -->
<!-- 								<p:column styleClass="columnCenter"> -->
<!-- 									<f:facet name="footer"> -->
<!-- 										<p:commandLink oncomplete="popModalDetalleContactoCliente.show();"  -->
<!-- 												update=":frmModalContactoCliente:idPMContactoCliente,:frmModalContactoCliente:idDatosDetalleContactoCliente" -->
<!-- 											actionListener="#{modalProductoController.cargarModalDetalleContactoCliente('0','006','','')}"> -->
<!-- 											<h:outputText value="#{contactoClienteController.footerOSV.fiaExpo}" styleClass="textoLink"> -->
<!-- 												<f:convertNumber pattern="#,##0" locale="US"/> -->
<!-- 											</h:outputText> -->
<!-- 										</p:commandLink> -->
<!-- 									</f:facet> -->
<!-- 								</p:column> -->
<!-- 								<p:column styleClass="columnCenter"> -->
<!-- 									<f:facet name="footer"> -->
<!-- 										<p:commandLink oncomplete="popModalDetalleContactoCliente.show();"  -->
<!-- 												update=":frmModalContactoCliente:idPMContactoCliente,:frmModalContactoCliente:idDatosDetalleContactoCliente" -->
<!-- 											actionListener="#{modalProductoController.cargarModalDetalleContactoCliente('0','','','')}"> -->
<!-- 											<h:outputText value="#{contactoClienteController.footerOSV.total}" styleClass="textoLink"> -->
<!-- 												<f:convertNumber pattern="#,##0" locale="US"/> -->
<!-- 											</h:outputText> -->
<!-- 										</p:commandLink> -->
<!-- 									</f:facet> -->
<!-- 								</p:column> -->
<!-- 							</p:row> -->
<!-- 						</p:columnGroup> -->
					</p:dataTable>
				</h:panelGrid>
			</h:panelGrid>
		</ui:define>
		
		<ui:define name="extraareaCliente">
			<ui:include src="/pages/cliente/include/popModalDetalleContactoCliente.xhtml" />
			<ui:include src="/pages/producto/include/popCartaCreditoExportacion.xhtml" />
			<ui:include src="/pages/producto/include/popCartaCreditoImportacion.xhtml" />
			<ui:include src="/pages/producto/include/popCobranzaExportacion.xhtml" />
			<ui:include src="/pages/producto/include/popCobranzaImportacion.xhtml" />
			<ui:include src="/pages/producto/include/popTransferencia.xhtml" />
			<ui:include src="/pages/producto/include/popFinanciamiento.xhtml" />
			<ui:include src="/pages/producto/include/popDetalleLiquidacion.xhtml" />
			<ui:include src="/pages/producto/include/popSwiftDetalle.xhtml" />
		</ui:define>
	</ui:composition>
</jsp:root>